<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/view/include/taglib.jsp" %>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
 

  <title>在线开盘</title>

  <link href="${assets}/application/css/style.css" rel="stylesheet">
  <link href="${assets}/application/css/style-responsive.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="${assets}/application/js/html5shiv.js"></script>
  <script src="${assets}/application/js/respond.min.js"></script>
  <![endif]-->
  <style type="text/css">
   .header{
        top:0;
        left:0;
   		position: fixed;
   		width: 100%;
    	z-index: 99;
    	height:50px;
   }
   .content{
      margin-top:50px;
   }
   .footer{
       height:50px;
   }
  </style>
  <script type="text/javascript" src="${assets}/application/js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript">
  	$(function(){
  		$(".dropdown-menu").mouseleave(function(){
  		  	$(".dropdown").removeClass("open");
  		});
  	})
  	function jumpLogin(){
    	window.location.href = "/login";
    }
  	
  /*   function back() {
    	document.getElementById("mainIframe").history.back();
        return false;
    }
 
    $(document).ready(function(e) {
        var counter = 0;
        if (window.history && window.history.pushState) {
            $(window).on('popstate', function () {
                window.history.pushState('forward', null, '#');
                window.history.forward(1);
                back();
                //alert("请使用自带的返回按钮操作");
            });
        }
 
        window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
        window.history.forward(1);
    }); */

  </script>
</head>

<body class="horizontal-menu-page">

<section>

    <nav class="navbar navbar-default header" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">
                    <img src="${assets}/application/images/logo.png" alt="">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                   <c:forEach  var="menu"   items="${menus}">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">${menu.name} <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                        	<c:forEach  var="item"   items="${menu.children}">
                            	<li><a href="javascript:jumpUrl('${item.url}')">${item.name}</a></li>
                            </c:forEach>                                                  
                        </ul>
                    </li>                               
                   </c:forEach>
                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <!-- <li>
                        <form class="navbar-form navbar-left" role="search">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search">
                            </div>
                        </form>
                    </li> -->
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img alt="" src="${assets}/application/images/photos/user-avatar.png">${name} <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                           <!--  <li><a href="#">Profile</a></li> -->
                            <li><a href="#">密码修改</a></li>
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>


    <!--body wrapper start-->
    <div class="wrapper content">
        <iframe id="mainIframe" name="mainIframe" src="/dsIndex" frameborder="0" scrolling="yes" width="100%"></iframe>
    </div>
    <!--body wrapper end-->

    <!--footer section start-->
    <footer class="sticky-footer footer" style="text-align: center">
        Copyright © 2015-2020 All Rights Reserved 点石文化 翊智网上开盘系统技术服务热线 4008-518-578
    </footer>
    <!--footer section end-->

</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="${assets}/application/js/jquery-1.10.2.min.js"></script>
<script src="${assets}/application/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="${assets}/application/js/jquery-migrate-1.2.1.min.js"></script>
<script src="${assets}/application/js/bootstrap.min.js"></script>
<script src="${assets}/application/js/modernizr.min.js"></script>
<script src="${assets}/application/js/jquery.nicescroll.js"></script>

<!--common scripts for all pages-->
<script src="${assets}/application/js/scripts.js"></script>
<script type="text/javascript" language="javascript">
	function changeFrameHeight(){
		var ifm= document.getElementById("mainIframe");
		ifm.height=document.documentElement.clientHeight-120;
	}
	window.onresize=function(){ changeFrameHeight();}
	$(function(){changeFrameHeight();});
	
	function jumpUrl(url){    
	　　　　document.getElementById("mainIframe").src=url; 
	}
</script>
</body>
</html>